/**
 * 主题配置
 */

/**
 * 主题变量
 */
export const themeVariables = {
  // 品牌色
  primaryColor: '#2563EB',
  primaryColorHover: '#3B82F6',
  primaryColorActive: '#1D4ED8',
  primaryColorOutline: 'rgba(37, 99, 235, 0.2)',
  primaryColorDisabled: 'rgba(37, 99, 235, 0.5)',
  
  // 成功色
  successColor: '#10B981',
  successColorHover: '#34D399',
  successColorActive: '#059669',
  successColorOutline: 'rgba(16, 185, 129, 0.2)',
  successColorDisabled: 'rgba(16, 185, 129, 0.5)',
  
  // 警告色
  warningColor: '#F59E0B',
  warningColorHover: '#FBBF24',
  warningColorActive: '#D97706',
  warningColorOutline: 'rgba(245, 158, 11, 0.2)',
  warningColorDisabled: 'rgba(245, 158, 11, 0.5)',
  
  // 错误色
  errorColor: '#EF4444',
  errorColorHover: '#F87171',
  errorColorActive: '#DC2626',
  errorColorOutline: 'rgba(239, 68, 68, 0.2)',
  errorColorDisabled: 'rgba(239, 68, 68, 0.5)',
  
  // 中性色
  bodyBackground: '#F9FAFB',
  componentBackground: '#ffffff',
  headerBackground: '#ffffff',
  footerBackground: '#F9FAFB',
  siderBackground: '#111827',
  
  // 文字色
  textColor: '#111827',
  textColorSecondary: '#4B5563',
  textColorDisabled: '#9CA3AF',
  
  // 边框色
  borderColor: '#E5E7EB',
  borderColorSplit: '#F3F4F6',
  
  // 字体
  fontFamily:
    "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
  
  // 字号
  fontSize: 14,
  fontSizeSm: 12,
  fontSizeLg: 16,
  
  // 圆角
  borderRadius: 4,
  borderRadiusSm: 2,
  borderRadiusLg: 8,
};

/**
 * Ant Design主题配置
 */
export const antdTheme = {
  token: {
    colorPrimary: themeVariables.primaryColor,
    colorSuccess: themeVariables.successColor,
    colorWarning: themeVariables.warningColor,
    colorError: themeVariables.errorColor,
    colorText: themeVariables.textColor,
    colorTextSecondary: themeVariables.textColorSecondary,
    colorTextDisabled: themeVariables.textColorDisabled,
    colorBorder: themeVariables.borderColor,
    colorSplit: themeVariables.borderColorSplit,
    fontFamily: themeVariables.fontFamily,
    fontSize: themeVariables.fontSize,
    borderRadius: themeVariables.borderRadius,
  },
  components: {
    Layout: {
      bodyBg: themeVariables.bodyBackground,
      headerBg: themeVariables.headerBackground,
      footerBg: themeVariables.footerBackground,
      siderBg: themeVariables.siderBackground,
    },
    Menu: {
      darkItemColor: 'rgba(255, 255, 255, 0.65)',
      darkItemHoverColor: '#ffffff',
      darkItemSelectedColor: '#ffffff',
      darkItemSelectedBg: themeVariables.primaryColor,
    },
    Button: {
      borderRadius: themeVariables.borderRadius,
    },
    Card: {
      borderRadius: themeVariables.borderRadius,
    },
    Table: {
      borderRadius: themeVariables.borderRadius,
    },
  },
}; 